<template>
	<div class="paymentContainer">
		<div class="paymentHead">
			<router-link :to="{path:flag?'/amuse/book/delivery/details':'/amuse/movie/movieDelivery/movieDetails',query:{bookMess:bookMess}}"><img src="../../../../static/img/left.png"></router-link>
			<span>支付</span>
		</div>
		<router-link :to="{path:'/my/MyView/money/mymoney'}" tag="p" class="pay">微信支付</router-link>
        <router-link :to="{path:'/my/MyView/money/mymoney'}" tag="p" >支付宝支付</router-link>
        <router-link :to="{path:'/my/MyView/money/mymoney'}" tag="p" >银行卡支付</router-link>
	</div>
</template>
<script type="text/javascript">
	export default{
		name:'payment',
		data(){
			return{
				bookMess:this.$route.query.bookMess,
				flag:this.$route.query.type
			}
		}
	}
</script>
<style lang="less" scoped>
	.paymentContainer{background: #F2F2F2;
		 p{width: 600/75rem;height: 100/75rem;background:#FFFFFF;line-height: 100/75rem;text-align:center;border-radius:5rem;margin:1rem auto;}
         .pay{margin-top: 380/75rem;}
         .paymentHead{background:#FFFFFF;text-align: center;height:80/75rem;line-height: 80/75rem;overflow: hidden;font-weight: 600;
              img{float:left;margin: 20/75rem 0 20/75rem 20/75rem;}
           }
	}
</style>